<!DOCTYPE html>
<html>

<head>
    <!-- 缩放后高度变化 -->
    <meta charset="utf-8">
    <title>缩放测试</title>


    <style>

        /* 结论：直接设置的height高度，设置多少就是多少，不会随着缩放而变换，即缩放后，审查元素，显示的还是设置的高度
            但是通过line-height设置的高度就不一定了，他会随着缩放而变化
        
         */
        .bg {
            width: 200px;
            line-height: 100px;
            background-color: blueviolet;
        }
    </style>

</head>

<body>
    <div class="bg">
        123
    </div>

</body>

</html>